
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" /> 
	<title>common</title> 
	<link href="css/themes/default/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css" />
	<script src="js/jquery.js"></script>
	<script src="js/jquery.mobile-1.1.0.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</head> 

	
<body> 

<!-- Start of first page: #one -->
<div data-role="page" id="foo" class="type-interior">
	
	<div data-role="header">
		<h1>common</h1>
			<a data-icon="back" data-iconpos="notext" data-direction="reverse" class="ui-btn-left jqm-home" onclick="window.location.href='index.html'"></a>	
	</div><!-- /header -->
	<!-------------------------------------->
	<div data-role="content" id="one" style="background-color:#009933;">
    
  <ul data-role="listview" data-theme="c" data-dividertheme="d">
		<li>
          <table width="80%" align="center">
				  <tr>
					<td>
						<input type="search" name="password" id="search" value="" />
					</td>
					<td>
					   <a href="index.html" data-role="button">go</a>
					</td>
				  </tr>
		  </table>
        </li>
	</ul>
	<p style="height:30px">
	</p>
    <table width="80%" align="center">
  		<tr>
    		<td>
    			 <a href="index.html" data-role="button">addoil</a>
    		</td>
			<td>
				 <a href="index.html" data-role="button">washcar</a>
			</td>
  		</tr>
		<tr>
			<td align="center">
				<font color="#FFFFFF">
					addoil
				</font>
			<td align="center">
				<font color="#FFFFFF">
					washcar
				</font>
			</td>
		</tr>
	</table>
  	</div><!-- /content -->
	<!-------------------------------------->
	<div data-role="footer" data-theme="d">
		<h1>footer</h1>
	</div><!-- /footer -->
</div><!-- /page one -->


<!-- Start of second page: #two -->
<div data-role="page" id="two" data-theme="a">

	<div data-role="header">
		<h1>Two</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="a">	
		<h2>Two</h2>
		<p>I have an id of &quot;two&quot; on my page container. I'm the second page container in this multi-page template.</p>	
		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page two -->

<!-- Start of page: three -->
<div data-role="page" id="three" data-theme="a">

	<div data-role="header">
		<h1>Two</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="a">	
		<h2>Two</h2>
		<p>I have an id of &quot;two&quot; on my page container. I'm the second page container in this multi-page template.</p>	
		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page two -->

<!-- Start of page: four -->
<div data-role="page" id="four" data-theme="a">

	<div data-role="header">
		<h1>Two</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="a">	
		<h2>Two</h2>
		<p>I have an id of &quot;two&quot; on my page container. I'm the second page container in this multi-page template.</p>	
		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page two -->


<!-- Start of page: five -->
<div data-role="page" id="five" data-theme="a">

	<div data-role="header">
		<h1>Two</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="a">	
		<h2>Two</h2>
		<p>I have an id of &quot;two&quot; on my page container. I'm the second page container in this multi-page template.</p>	
		<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>	
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page two -->

<!-- Start of third page: #popup -->
<div data-role="page" id="popup">

	<div data-role="header" data-theme="e">
		<h1>Dialog</h1>
	</div><!-- /header -->

	<div data-role="content" data-theme="d">	
		<h2>Popup</h2>
		<p>I have an id of &quot;popup&quot; on my page container and only look like a dialog because the link to me had a <code>data-rel=&quot;dialog&quot;</code> attribute which gives me this inset look and a <code>data-transition=&quot;pop&quot;</code> attribute to change the transition to pop. Without this, I'd be styled as a normal page.</p>		
		<p><a href="#one" data-rel="back" data-role="button" data-inline="true" data-icon="back">Back to page &quot;one&quot;</a></p>	
	</div><!-- /content -->
	
	<div data-role="footer">
		<h4>Page Footer</h4>
	</div><!-- /footer -->
</div><!-- /page popup -->
</body>
</html>
